<template>
  <div id="hbuju">
      <p>JavaScript</p>
      <div id="jsneirong" v-for="(v,i) in this.$store.state.dxysma.crr" :key="i">
          <div id="neirongleft">
              <img :src="v.cover">
          </div>
          <div id="neirongright">
              <h4>{{v.cname}}</h4>
              <p><span>{{v.chapter}}</span>节 · <span>{{v.stu_num}}</span>人学习</p>
              <p>{{v.desc}}</p>
          </div>
      </div>
  </div>
</template>

<script>
export default {
    
    created(){
        this.$store.dispatch("axioslink",{url:"http://42.192.226.170:8000/api/course/2/"}) 
    },
    mounted(){
        
    }
}
</script>

<style scoped>
    #hbuju{
        width: 100%;
    }
    p{
        width: 100%;
        height: .44rem;
        font-size: .16rem;
        line-height: .44rem;
    }
    #jsneirong{
        width: 100%;
        height: .9rem;
        padding: .16rem .12rem;
        display: flex;
    }
    #neirongleft{
        width: .6rem;
        height: 100%;
    }
    #neirongleft img{
        display: block;
        width: 100%;
        height: 100%;
    }
    #neirongright{
        width: 2.6rem;
        padding: 0 0 0 .04rem;
        height: 100%;
    }
    #neirongright h4{
        height: .21rem;
        font-size: .14rem;
        font-weight: 900;
        overflow: hidden;
    }
    #neirongright p{
        height: .2rem;
        font-size: .12rem;
        line-height: .2rem;
    }
</style>